    // 按钮
    let dropdownBtn = document.getElementById("btn");
    // 下拉
    let dropdownMenu = document.getElementById("dropdown");
    // 旋钮
    let toggleArrow = document.getElementById("arrow");

    let toggleDropdown = function () {
        dropdownMenu.classList.toggle("show");
        toggleArrow.classList.toggle("arrow");
    };

    dropdownBtn.addEventListener("click", function (e) {
        e.stopPropagation();
        toggleDropdown();
    });

// 当文档加载完毕后执行
  document.addEventListener('DOMContentLoaded', function() {
    // 获取所有按钮
    var buttons = document.querySelectorAll('.page-turning button');
  
    // 为每个按钮添加点击事件
    buttons.forEach(function(button) {
      button.addEventListener('click', function(event) {
        // 清除所有按钮的背景颜色
        buttons.forEach(function(btn) {
          btn.style.backgroundColor = '#fff';
          btn.style.color = 'rgb(0, 116, 210)';
        });
  
        // 改变当前按钮的背景颜色
        this.style.backgroundColor = 'rgb(0,116,210)';
        this.style.color = '#fff';
      });
    });
  });
